<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>登录（自适应终端）</title>
	<style>
		.title {
			height: 85px;
			line-height: 85px;
			text-align: center;
			font-size: 28px;
		}
		.row {
			height: 70px;
			box-sizing: border-box;
			margin-left: 32px;
			margin-right: 32px;
			padding-top: 40px;
			border-bottom: 1px solid #888;
		}
		.input {
			width: 100%;
			height: 20px;
			border: none;
			font-size: 16px;
			line-height: 20px;
		}
		.btn, .btn2{
			height: 50px;
			margin-left: 32px;
			margin-right: 32px;
			margin-top: 68px;
			background-color: red;
			line-height: 50px;
			color:  white;
			text-align: center;
			border-radius: 8px;
		}
		.btn2 {
			background-color: blue;
			color:  white;
		}
		.btn a, .btn2 a {
			text-decoration: none;
			color: white;
		}
	</style>
</head>
<body>
	<div class="title">
		<h3>用户登录</h3>
	</div>
	<div class="row">
		<input type="text" name="username" id="username" class="input" placeholder="账号">
	</div>
	<div class="row">
			<input type="password" name="password" id="password" class="input" placeholder="密码">
	</div>
	<div class="btn">登录</div>
	<div class="btn2"><a href="#">注册</a></div>
</body>
</html>